<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Blueprint Sample Page</title>

  <!-- Framework CSS -->
	<link rel="stylesheet" href="Blueprint/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="Blueprint/blueprint/print.css" type="text/css" media="print">
  <!--[if IE]><link rel="stylesheet" href="Blueprint/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->


</head>

<body>	
	<div class="container" id="main">
	    <div class="span-24">
	        <h1>Developing with Blueprint CSS Framework</h1>
	        <p><a href="http://code.google.com/p/blueprintcss/">More about Blueprint</a></p>

	    </div>
		<div class="span-12 first">
			<h2>Column One</h2>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget quam sit amet mauris consequat iaculis. Cras vitae massa quis nunc feugiat lobortis. Morbi ornare rhoncus eros. Vivamus nec ipsum. Vivamus tortor ante, pellentesque sit amet, molestie ac, feugiat eget, mauris. Vestibulum eu ligula quis felis tincidunt nonummy. Fusce imperdiet. Mauris ultricies, quam nec tincidunt mattis, augue tellus tempor pede, non fringilla erat ipsum in enim. Nulla feugiat mauris eget turpis. In hac habitasse platea dictumst. Cras hendrerit. Nunc tempus malesuada nibh. Duis eget quam sed pede vestibulum tincidunt.</p>
			<p class='box'><img src='Example_files/test-small.jpg'>Mauris fermentum feugiat justo. Quisque urna dolor, sollicitudin id, congue sed, euismod a, ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum arcu. Nullam sollicitudin convallis velit. Vestibulum magna lacus, adipiscing vitae, sagittis in, porttitor non, nulla. Nulla purus eros, placerat at, rutrum ac, tincidunt quis, neque. Aliquam gravida tempus nibh. Aenean eleifend facilisis nisi. Aliquam erat volutpat. Fusce ac nisl. Donec malesuada. Suspendisse ut est eget odio congue pellentesque. Morbi varius condimentum erat.</p>
			<p>Aenean tincidunt enim nec enim. Donec tempor dui tincidunt erat. Pellentesque nonummy libero sed ante rhoncus fermentum. Donec turpis elit, mollis eu, vulputate in, porta vestibulum, purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris sapien eros, sagittis quis, semper et, rutrum nec, magna. Nulla facilisi. Pellentesque tristique. Suspendisse potenti. Duis nec sapien. Etiam blandit velit at orci.</p>
		</div>

		<div class="span-6">
			<h2>Column Two</h2>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget quam sit amet mauris consequat iaculis. Cras vitae massa quis nunc feugiat lobortis. Morbi ornare rhoncus eros. Vivamus nec ipsum. Vivamus tortor ante, pellentesque sit amet, molestie ac, feugiat eget, mauris. Vestibulum eu ligula quis felis tincidunt nonummy. Fusce imperdiet. Mauris ultricies, quam nec tincidunt mattis, augue tellus tempor pede, non fringilla erat ipsum in enim. Nulla feugiat mauris eget turpis. In hac habitasse platea dictumst. Cras hendrerit. Nunc tempus malesuada nibh. Duis eget quam sed pede vestibulum tincidunt.</p>
			<p>Mauris fermentum feugiat justo. Quisque urna dolor, sollicitudin id, congue sed, euismod a, ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum arcu. Nullam sollicitudin convallis velit. Vestibulum magna lacus, adipiscing vitae, sagittis in, porttitor non, nulla. Nulla purus eros, placerat at, rutrum ac, tincidunt quis, neque. Aliquam gravida tempus nibh. Aenean eleifend facilisis nisi. Aliquam erat volutpat. Fusce ac nisl. Donec malesuada. Suspendisse ut est eget odio congue pellentesque. Morbi varius condimentum erat.</p>
		</div>
		<div class="span-6 last">
			<h2>Column Three</h2>

			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget quam sit amet mauris consequat iaculis. Cras vitae massa quis nunc feugiat lobortis. Morbi ornare rhoncus eros. </p>
			<h3>Rapid</h3>
			<p>Mauris fermentum feugiat justo. Quisque urna dolor, sollicitudin id, congue sed. <a href="#">Euismod a ante</a>. </p>
			<h3>Griddy</h3>
			<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. <a href="#">Vestibulum arcu</a>.</p>

			<h3>Clean</h3>
			<p>Nulla purus eros, placerat at, rutrum ac, tincidunt quis, neque. Aliquam gravida tempus nibh. Aenean eleifend facilisis nisi. Aliquam erat volutpat. <a href="#">Fusce ac nisl.</a></p>
			<h3>Simple</h3>
			<p>Nullam sollicitudin convallis velit. Vestibulum magna lacus, adipiscing vitae, sagittis in. <a href="#">Porttitor non, nulla</a>. </p>
		</div>

		<div class="span-24" style="background:#bbb">footer stuff here</div>
	</div>


</body>
</html>


